// Color Palette
@black       : #000;
@white       : #fff;
@gray-1      : #f7f8fa;
@gray-2      : #f2f3f5;
@gray-3      : #ebedf0;
@gray-4      : #dcdee0;
@gray-5      : #c8c9cc;
@gray-6      : #969799;
@gray-7      : #646566;
@gray-8      : #323233;
@red         : #ee0a24;
@blue        : #1989fa;
@orange      : #ff976a;
@orange-dark : #ed6a0c;
@orange-light: #fffbe8;
@green       : #07c160;

// Gradient Colors
@gradient-red   : linear-gradient(to right, #ff6034, #ee0a24);
@gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);

// Component Colors
@primary-color         : @blue;
@success-color         : @green;
@danger-color          : @red;
@warning-color         : @orange;
@text-color            : @gray-8;
@active-color          : @gray-2;
@active-opacity        : 0.7;
@disabled-opacity      : 0.5;
@background-color      : @gray-1;
@background-color-light: #fafafa;
@text-link-color       : #576b95;

// Padding
@padding-base: 4px;
@padding-xs  : @padding-base * 2;
@padding-sm  : @padding-base * 3;
@padding-md  : @padding-base * 4;
@padding-lg  : @padding-base * 6;
@padding-xl  : @padding-base * 8;

// Font
@font-size-xs    : 10px;
@font-size-sm    : 12px;
@font-size-md    : 14px;
@font-size-lg    : 16px;
@font-weight-bold: 500;
@line-height-xs  : 14px;
@line-height-sm  : 18px;
@line-height-md  : 20px;
@line-height-lg  : 22px;
@base-font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue',
  Helvetica, Segoe UI, Arial, Roboto, 'PingFang SC', 'miui', 'Hiragino Sans GB',
  'Microsoft Yahei', sans-serif;
@price-integer-font-family: Avenir-Heavy, PingFang SC, Helvetica Neue, Arial,
  sans-serif;

// Animation
@animation-duration-base        : 0.3s;
@animation-duration-fast        : 0.2s;
@animation-timing-function-enter: ease-out;
@animation-timing-function-leave: ease-in;

// ActionSheet
@action-sheet-max-height              : 80%;
@action-sheet-header-height           : 48px;
@action-sheet-header-font-size        : @font-size-lg;
@action-sheet-description-color       : @gray-6;
@action-sheet-description-font-size   : @font-size-md;
@action-sheet-description-line-height : @line-height-md;
@action-sheet-item-background         : @white;
@action-sheet-item-font-size          : @font-size-lg;
@action-sheet-item-line-height        : @line-height-lg;
@action-sheet-item-text-color         : @text-color;
@action-sheet-item-disabled-text-color: @gray-5;
@action-sheet-subname-color           : @gray-6;
@action-sheet-subname-font-size       : @font-size-sm;
@action-sheet-subname-line-height     : @line-height-sm;
@action-sheet-close-icon-size         : 22px;
@action-sheet-close-icon-color        : @gray-5;
@action-sheet-close-icon-active-color : @gray-6;
@action-sheet-close-icon-padding      : 0 @padding-md;
@action-sheet-cancel-text-color       : @gray-7;
@action-sheet-cancel-padding-top      : @padding-xs;
@action-sheet-cancel-padding-color    : @background-color;
@action-sheet-loading-icon-size       : 22px;

// Border
@border-color     : @gray-3;
@border-width-base: 1px;
@border-radius-sm : 2px;
@border-radius-md : 4px;
@border-radius-lg : 8px;
@border-radius-max: 999px;

//badge
@badge-size            : 16px;
@badge-color           : @white;
@badge-padding         : 0 3px;
@badge-font-size       : @font-size-sm;
@badge-font-weight     : @font-weight-bold;
@badge-border-width    : @border-width-base;
@badge-background-color: @danger-color;
@badge-dot-color       : @danger-color;
@badge-dot-size        : 8px;
@badge-font-family     : -apple-system-font,
Helvetica Neue,
Arial,
sans-serif;

//button
@button-mini-height             : 24px;
@button-mini-padding            : 0 @padding-base;
@button-mini-font-size          : @font-size-xs;
@button-small-height            : 32px;
@button-small-padding           : 0 @padding-xs;
@button-small-font-size         : @font-size-sm;
@button-normal-padding          : 0 15px;
@button-normal-font-size        : @font-size-md;
@button-large-height            : 50px;
@button-default-height          : 44px;
@button-default-line-height     : 1.2;
@button-default-font-size       : @font-size-lg;
@button-default-color           : @text-color;
@button-default-background-color: @white;
@button-default-border-color    : @border-color;
@button-primary-color           : @white;
@button-primary-background-color: @primary-color;
@button-primary-border-color    : @primary-color;
@button-success-color           : @white;
@button-success-background-color: @success-color;
@button-success-border-color    : @success-color;
@button-danger-color            : @white;
@button-danger-background-color : @danger-color;
@button-danger-border-color     : @danger-color;
@button-warning-color           : @white;
@button-warning-background-color: @warning-color;
@button-warning-border-color    : @warning-color;
@button-border-width            : @border-width-base;
@button-border-radius           : @border-radius-sm;
@button-round-border-radius     : @border-radius-max;
@button-plain-background-color  : @white;
@button-disabled-opacity        : @disabled-opacity;
@button-icon-size               : 1.2em;
@button-loading-icon-size       : 20px;

//calendar
@calendar-color                : @black;
@calendar-bg-color             : @white;
@calendar-zindex               : 11111;
@calendar-title-font-size      : 18px;
@calendar-title-height         : 44px;
@calendar-title-padding        : 0 15px;
@calendar-weekday-font-size    : 12px;
@calendar-weekday-line-height  : 30px;
@calendar-month-height         : 40px;
@calendar-month-font-size      : 16px;
@calendar-month-mark-color     : rgba(242, 243, 245, 0.6);
@calendar-month-mark-font-size : 160px;
@calendar-day-height           : 64px;
@calendar-day-font-size        : 10px;
@calendar-day-solar-font-size  : 16px;
@calendar-day-weekend-color    : rgba(255, 10, 37, 0.82);
@calendar-day-disabled-color   : @gray-5;
@calendar-day-lunar-color      : @gray-7;
@calendar-footer-padding       : 0px 16px;

//card
@card-padding            : @padding-xs @padding-md;
@card-font-size          : @font-size-md;
@card-text-color         : @text-color;
@card-background-color   : @white;
@card-title-font-size    : @font-size-lg;
@card-title-text-color   : @gray-8;
@card-header-border-color: @border-color;
@card-header-block-color : @primary-color;
@card-inset-padding      : 0 @padding-md;
@card-inset-border-radius: @border-radius-lg;

//cascader
@cascader-header-height          : 48px;
@cascader-header-padding         : 0 @padding-md;
@cascader-title-font-size        : @font-size-lg;
@cascader-title-line-height      : 20px;
@cascader-close-icon-size        : 22px;
@cascader-close-icon-color       : @gray-5;
@cascader-close-icon-active-color: @gray-6;
@cascader-selected-icon-size     : 18px;
@cascader-tabs-height            : 48px;
@cascader-active-color           : @primary-color;
@cascader-options-height         : 384px;
@cascader-option-disabled-color  : @gray-5;
@cascader-tab-color              : @text-color;
@cascader-unselected-tab-color   : @gray-6;

//cell
@cell-font-size             : @font-size-md;
@cell-line-height           : 24px;
@cell-vertical-padding      : 10px;
@cell-horizontal-padding    : @padding-md;
@cell-text-color            : @text-color;
@cell-background-color      : @white;
@cell-border-color          : @border-color;
@cell-active-color          : @active-color;
@cell-required-color        : @danger-color;
@cell-label-color           : @gray-6;
@cell-label-font-size       : @font-size-sm;
@cell-label-line-height     : @line-height-sm;
@cell-label-margin-top      : @padding-base;
@cell-value-color           : @gray-6;
@cell-icon-size             : 16px;
@cell-right-icon-color      : @gray-6;
@cell-large-vertical-padding: @padding-sm;
@cell-large-title-font-size : @font-size-lg;
@cell-large-label-font-size : @font-size-md;

//cell-group
@cell-group-background-color   : @white;
@cell-group-title-color        : @gray-6;
@cell-group-title-padding      : @padding-md @padding-md @padding-xs;
@cell-group-title-font-size    : @font-size-md;
@cell-group-title-line-height  : 16px;
@cell-group-inset-padding      : 0 @padding-md;
@cell-group-inset-border-radius: @border-radius-lg;
@cell-group-inset-title-padding: @padding-md @padding-md @padding-xs @padding-xl;

//checkbox
@checkbox-size                     : 20px;
@checkbox-border-color             : @gray-5;
@checkbox-transition-duration      : @animation-duration-fast;
@checkbox-label-margin             : @padding-xs;
@checkbox-label-color              : @text-color;
@checkbox-checked-icon-color       : @primary-color;
@checkbox-disabled-icon-color      : @gray-5;
@checkbox-disabled-label-color     : @gray-5;
@checkbox-disabled-background-color: @border-color;

//circle
@circle-size            : 100px;
@circle-color           : @primary-color;
@circle-layer-color     : @white;
@circle-text-color      : @text-color;
@circle-text-font-weight: @font-weight-bold;
@circle-text-font-size  : @font-size-md;
@circle-text-line-height: @line-height-md;

//collapse
@collapse-item-transition-duration     : @animation-duration-base;
@collapse-item-content-padding         : @padding-sm @padding-md;
@collapse-item-content-font-size       : @font-size-md;
@collapse-item-content-line-height     : 1.5;
@collapse-item-content-text-color      : @gray-6;
@collapse-item-content-background-color: @white;
@collapse-item-title-disabled-color    : @gray-5;

//dialog
@dialog-width                        : 320px;
@dialog-small-screen-width           : 90%;
@dialog-font-size                    : @font-size-lg;
@dialog-transition                   : @animation-duration-base;
@dialog-border-radius                : 16px;
@dialog-background-color             : @white;
@dialog-header-font-weight           : @font-weight-bold;
@dialog-header-line-height           : 24px;
@dialog-header-padding-top           : 26px;
@dialog-header-isolated-padding      : @padding-lg 0;
@dialog-message-padding              : @padding-lg;
@dialog-message-font-size            : @font-size-md;
@dialog-message-line-height          : @line-height-md;
@dialog-message-max-height           : 60vh;
@dialog-has-title-message-text-color : @gray-7;
@dialog-has-title-message-padding-top: @padding-xs;
@dialog-button-height                : 48px;
@dialog-round-button-height          : 36px;
@dialog-confirm-button-text-color    : @primary-color;

//divider
@divider-margin             : @padding-md 0;
@divider-text-color         : @gray-6;
@divider-font-size          : @font-size-md;
@divider-line-height        : 24px;
@divider-border-color       : @border-color;
@divider-content-padding    : @padding-md;
@divider-content-left-width : 10%;
@divider-content-right-width: 10%;

//dropdown-menu
@dropdown-menu-height                   : 48px;
@dropdown-menu-background-color         : @white;
@dropdown-menu-box-shadow               : 0 2px 12px rgba(100, 101, 102, 0.12);
@dropdown-menu-title-font-size          : 15px;
@dropdown-menu-title-text-color         : @text-color;
@dropdown-menu-title-active-text-color  : @primary-color;
@dropdown-menu-title-disabled-text-color: @gray-6;
@dropdown-menu-title-padding            : 0 @padding-xs;
@dropdown-menu-title-line-height        : @line-height-lg;
@dropdown-menu-option-active-color      : @primary-color;
@dropdown-menu-content-max-height       : 80%;
@dropdown-item-z-index                  : 10;

//empty
@empty-padding                : @padding-xl 0;
@empty-image-size             : 320px;
@empty-description-margin-top : @padding-md;
@empty-description-padding    : 0 60px;
@empty-description-color      : @gray-6;
@empty-description-font-size  : @font-size-md;
@empty-description-line-height: @line-height-md;
@empty-bottom-margin-top      : 24px;

//grid
@grid-item-content-padding         : @padding-md @padding-xs;
@grid-item-content-background-color: @white;
@grid-item-content-active-color    : @active-color;
@grid-item-icon-size               : 28px;
@grid-item-text-color              : @gray-7;
@grid-item-text-font-size          : @font-size-sm;

//image
@image-placeholder-text-color      : @gray-6;
@image-placeholder-font-size       : @font-size-md;
@image-placeholder-background-color: @background-color;
@image-loading-icon-size           : 32px;
@image-loading-icon-color          : @gray-4;
@image-error-icon-size             : 32px;
@image-error-icon-color            : @gray-4;

//image-preview
@image-preview-index-text-color        : @white;
@image-preview-index-font-size         : @font-size-md;
@image-preview-index-line-height       : @line-height-md;
@image-preview-index-text-shadow       : 0 1px 1px @gray-8;
@image-preview-overlay-background-color: rgba(0, 0, 0, 0.9);
@image-preview-close-icon-size         : 22px;
@image-preview-close-icon-color        : @gray-5;
@image-preview-close-icon-active-color : @gray-6;
@image-preview-close-icon-margin       : @padding-md;
@image-preview-close-icon-z-index      : 1;

//index-bar
@index-bar-sidebar-z-index           : 2;
@index-bar-index-font-size           : @font-size-sm;
@index-bar-index-line-height         : @line-height-sm;
@index-bar-index-active-color        : @primary-color;
@index-anchor-z-index                : 1;
@index-anchor-padding                : 0 @padding-md;
@index-anchor-text-color             : @text-color;
@index-anchor-font-weight            : @font-weight-bold;
@index-anchor-font-size              : @font-size-md;
@index-anchor-line-height            : 32px;
@index-anchor-background-color       : transparent;
@index-anchor-sticky-text-color      : @danger-color;
@index-anchor-sticky-background-color: @white;

//input
@input-label-width              : 6.2em;
@input-label-color              : @gray-7;
@input-label-margin-right       : @padding-sm;
@input-input-text-color         : @text-color;
@input-input-error-text-color   : @danger-color;
@input-input-disabled-text-color: @gray-5;
@input-placeholder-text-color   : @gray-5;
@input-icon-size                : 16px;
@input-clear-icon-size          : 16px;
@input-clear-icon-color         : @gray-5;
@input-right-icon-color         : @gray-6;
@input-error-message-color      : @danger-color;
@input-error-message-font-size  : 12px;
@input-text-area-min-height     : 60px;
@input-word-limit-color         : @gray-7;
@input-word-limit-font-size     : @font-size-sm;
@input-word-limit-line-height   : 16px;
@input-disabled-text-color      : @gray-5;
@input-required-mark-color      : @red;

//list
@list-text-color       : @gray-6;
@list-text-font-size   : @font-size-md;
@list-text-line-height : 50px;
@list-loading-icon-size: 16px;

//loading
@loading-text-color                : @gray-6;
@loading-text-font-size            : @font-size-md;
@loading-spinner-color             : @gray-5;
@loading-spinner-size              : 30px;
@loading-spinner-animation-duration: 0.8s;

//nav-bar
@nav-bar-height          : 46px;
@nav-bar-background-color: @primary-color;
@nav-bar-arrow-size      : 16px;
@nav-bar-icon-color      : @white;
@nav-bar-text-color      : @white;
@nav-bar-title-font-size : @font-size-lg;
@nav-bar-title-text-color: @white;
@nav-bar-z-index         : 1;

//notice-bar
@notice-bar-height          : 40px;
@notice-bar-padding         : 0 @padding-md;
@notice-bar-wrapable-padding: @padding-xs @padding-md;
@notice-bar-text-color      : @orange-dark;
@notice-bar-font-size       : @font-size-md;
@notice-bar-line-height     : 24px;
@notice-bar-background-color: @orange-light;
@notice-bar-icon-size       : 16px;
@notice-bar-icon-min-width  : 24px;

//notify
@notify-text-color              : @white;
@notify-padding                 : @padding-xs @padding-md;
@notify-font-size               : @font-size-md;
@notify-line-height             : @line-height-md;
@notify-primary-background-color: @primary-color;
@notify-success-background-color: @success-color;
@notify-danger-background-color : @danger-color;
@notify-warning-background-color: @warning-color;

//number
@number-active-color                   : #e8e8e8;
@number-background-color               : @active-color;
@number-button-icon-color              : @text-color;
@number-button-disabled-color          : @background-color;
@number-button-disabled-icon-color     : @gray-5;
@number-button-round-theme-color       : @danger-color;
@number-input-width                    : 32px;
@number-input-height                   : 28px;
@number-input-font-size                : @font-size-md;
@number-input-line-height              : normal;
@number-input-text-color               : @text-color;
@number-input-disabled-text-color      : @gray-5;
@number-input-disabled-background-color: @active-color;
@number-border-radius                  : @border-radius-md;

//number-keyboard
@number-keyboard-background-color       : @gray-2;
@number-keyboard-key-height             : 48px;
@number-keyboard-key-font-size          : 28px;
@number-keyboard-key-background-color   : @white;
@number-keyboard-key-active-color       : @gray-3;
@number-keyboard-delete-font-size       : @font-size-lg;
@number-keyboard-title-color            : @gray-7;
@number-keyboard-title-height           : 34px;
@number-keyboard-title-font-size        : @font-size-lg;
@number-keyboard-close-padding          : 0 @padding-md;
@number-keyboard-close-color            : @text-link-color;
@number-keyboard-close-font-size        : @font-size-md;
@number-keyboard-button-text-color      : @white;
@number-keyboard-button-background-color: @primary-color;
@number-keyboard-z-index                : 100;

//overlay
@overlay-z-index         : 1;
@overlay-background-color: rgba(0, 0, 0, 0.7);

//pagination
@pagination-height                        : 40px;
@pagination-font-size                     : @font-size-md;
@pagination-item-width                    : 36px;
@pagination-item-default-color            : @primary-color;
@pagination-item-disabled-color           : @gray-7;
@pagination-item-disabled-background-color: @background-color;
@pagination-background-color              : @white;
@pagination-desc-color                    : @gray-7;
@pagination-disabled-opacity              : @disabled-opacity;


//password-input
@password-input-height                   : 50px;
@password-input-margin                   : 0 @padding-md;
@password-input-font-size                : 20px;
@password-input-border-radius            : 6px;
@password-input-background-color         : @white;
@password-input-info-color               : @gray-6;
@password-input-info-font-size           : @font-size-md;
@password-input-error-info-color         : @danger-color;
@password-input-dot-size                 : 10px;
@password-input-dot-color                : @black;
@password-input-text-color               : @text-color;
@password-input-cursor-color             : @text-color;
@password-input-cursor-width             : 1px;
@password-input-cursor-height            : 40%;
@password-input-cursor-animation-duration: 1s;

//picker
@picker-background-color       : @white;
@picker-toolbar-height         : 44px;
@picker-title-font-size        : @font-size-lg;
@picker-title-line-height      : @line-height-md;
@picker-action-padding         : 0 @padding-md;
@picker-action-font-size       : @font-size-md;
@picker-confirm-action-color   : @text-link-color;
@picker-cancel-action-color    : @gray-6;
@picker-option-padding         : 0 @padding-base;
@picker-option-font-size       : @font-size-lg;
@picker-option-text-color      : @black;
@picker-option-disabled-opacity: 0.3;
@picker-loading-icon-color     : @primary-color;
@picker-loading-mask-color     : rgba(255, 255, 255, 0.9);

//popover
@popover-arrow-size                      : 6px;
@popover-border-radius                   : @border-radius-lg;
@popover-action-width                    : 128px;
@popover-action-height                   : 44px;
@popover-action-font-size                : @font-size-md;
@popover-action-line-height              : @line-height-md;
@popover-action-icon-size                : 20px;
@popover-light-text-color                : @text-color;
@popover-light-background-color          : @white;
@popover-light-action-disabled-text-color: @gray-5;
@popover-dark-text-color                 : @white;
@popover-dark-background-color           : #4a4a4a;
@popover-dark-action-disabled-text-color : @gray-6;

//popup
@popup-background-color       : @white;
@popup-transition             : transform @animation-duration-base;
@popup-round-border-radius    : 16px;
@popup-close-icon-size        : 22px;
@popup-close-icon-color       : @gray-5;
@popup-close-icon-active-color: @gray-6;
@popup-close-icon-margin      : 16px;
@popup-close-icon-z-index     : 1;

//progress
@progress-height                : 4px;
@progress-color                 : @primary-color;
@progress-background-color      : @gray-3;
@progress-pivot-padding         : 0 5px;
@progress-pivot-text-color      : @white;
@progress-pivot-font-size       : @font-size-xs;
@progress-pivot-line-height     : 1.6;
@progress-pivot-background-color: @primary-color;

//pull-refresh
@pull-refresh-head-height      : 50px;
@pull-refresh-head-font-size   : @font-size-md;
@pull-refresh-head-text-color  : @gray-6;
@pull-refresh-loading-icon-size: 16px;

//radio
@radio-size                     : 20px;
@radio-border-color             : @gray-5;
@radio-transition-duration      : @animation-duration-fast;
@radio-label-margin             : @padding-xs;
@radio-label-color              : @text-color;
@radio-checked-icon-color       : @primary-color;
@radio-disabled-icon-color      : @gray-5;
@radio-disabled-label-color     : @gray-5;
@radio-disabled-background-color: @border-color;

//rate
@rate-icon-size          : 20px;
@rate-icon-gutter        : @padding-base;
@rate-icon-void-color    : @gray-5;
@rate-icon-full-color    : @primary-color;
@rate-icon-disabled-color: @gray-5;

//search
@search-padding                 : 10px @padding-sm;
@search-background-color        : @white;
@search-content-background-color: @gray-1;
@search-input-height            : 34px;
@search-label-padding           : 0 5px;
@search-label-color             : @text-color;
@search-label-font-size         : @font-size-md;
@search-left-icon-color         : @gray-6;
@search-action-padding          : 0 @padding-xs;
@search-action-text-color       : @text-color;
@search-action-font-size        : @font-size-md;

//sidebar
@sidebar-width                    : 80px;
@sidebar-font-size                : @font-size-md;
@sidebar-line-height              : @line-height-md;
@sidebar-text-color               : @text-color;
@sidebar-disabled-text-color      : @gray-5;
@sidebar-padding                  : 20px @padding-sm;
@sidebar-active-color             : @active-color;
@sidebar-background-color         : @background-color;
@sidebar-selected-font-weight     : @font-weight-bold;
@sidebar-selected-text-color      : @text-color;
@sidebar-selected-border-width    : 4px;
@sidebar-selected-border-height   : 16px;
@sidebar-selected-border-color    : @primary-color;
@sidebar-selected-background-color: @white;

//slider
@slider-active-background-color  : @primary-color;
@slider-inactive-background-color: @gray-3;
@slider-disabled-opacity         : @disabled-opacity;
@slider-bar-height               : 2px;
@slider-button-width             : 24px;
@slider-button-height            : 24px;
@slider-button-border-radius     : 50%;
@slider-button-background-color  : @white;
@slider-button-box-shadow        : 0 1px 2px rgba(0, 0, 0, 0.5);

//steps
@steps-background-color         : @white;
@step-text-color                : @gray-6;
@step-active-color              : @success-color;
@step-process-text-color        : @text-color;
@step-font-size                 : @font-size-md;
@step-line-color                : @border-color;
@step-finish-line-color         : @success-color;
@step-finish-text-color         : @text-color;
@step-icon-size                 : 12px;
@step-circle-size               : 5px;
@step-circle-color              : @gray-6;
@step-horizontal-title-font-size: @font-size-sm;

//sticky
@sticky-z-index: 99;

//swipe
@swipe-indicator-size                     : 6px;
@swipe-indicator-margin                   : @padding-sm;
@swipe-indicator-active-opacity           : 1;
@swipe-indicator-inactive-opacity         : 0.3;
@swipe-indicator-active-background-color  : @primary-color;
@swipe-indicator-inactive-background-color: @border-color;

//switch
@switch-size                 : 30px;
@switch-width                : 2em;
@switch-height               : 1em;
@switch-node-size            : 1em;
@switch-node-background-color: @white;
@switch-node-box-shadow      : 0 3px 1px 0 rgba(0, 0, 0, 0.05),
0 2px 2px 0 rgba(0, 0, 0, 0.1, 0 3px 3px 0 rgba(0, 0, 0, 0.05));
@switch-background-color   : @white;
@switch-on-background-color: @primary-color;
@switch-transition-duration: @animation-duration-base;
@switch-disabled-opacity   : @disabled-opacity;
@switch-border             : @border-width-base solid rgba(0, 0, 0, 0.1);

//tabbar
@tabbar-height                      : 50px;
@tabbar-z-index                     : 1;
@tabbar-background-color            : @white;
@tabbar-item-font-size              : @font-size-sm;
@tabbar-item-text-color             : @gray-7;
@tabbar-item-active-color           : @primary-color;
@tabbar-item-active-background-color: @white;
@tabbar-item-line-height            : 1;
@tabbar-item-icon-size              : 22px;
@tabbar-item-icon-margin-bottom     : @padding-base;

//table
@table-border-color    : @border-color;
@table-common--bg-color: #f7f7f7;
@table-border-radius   : 2px;
@table-padding-vertical: 8px;

//tabs
@tab-text-color           : @gray-7;
@tab-active-text-color    : @text-color;
@tab-disabled-text-color  : @gray-5;
@tab-font-size            : @font-size-md;
@tab-line-height          : @line-height-md;
@tabs-default-color       : @primary-color;
@tabs-line-height         : 44px;
@tabs-card-height         : 30px;
@tabs-nav-background-color: @white;
@tabs-bottom-bar-width    : 40px;
@tabs-bottom-bar-height   : 3px;
@tabs-bottom-bar-color    : @tabs-default-color;

//tag
@tag-padding               : 0 @padding-base;
@tag-text-color            : @white;
@tag-font-size             : @font-size-sm;
@tag-border-radius         : 2px;
@tag-line-height           : 16px;
@tag-medium-padding        : 2px 6px;
@tag-large-padding         : @padding-base @padding-xs;
@tag-large-border-radius   : @border-radius-md;
@tag-large-font-size       : @font-size-md;
@tag-round-border-radius   : @border-radius-max;
@tag-danger-color          : @danger-color;
@tag-primary-color         : @primary-color;
@tag-success-color         : @success-color;
@tag-warning-color         : @warning-color;
@tag-default-color         : @gray-6;
@tag-plain-background-color: @white;

//toast
@toast-max-width               : 70%;
@toast-font-size               : @font-size-md;
@toast-text-color              : @white;
@toast-loading-icon-color      : @white;
@toast-line-height             : @line-height-md;
@toast-border-radius           : @border-radius-lg;
@toast-background-color        : rgba(0, 0, 0, 0.7);
@toast-icon-size               : 36px;
@toast-text-min-width          : 96px;
@toast-text-padding            : @padding-xs @padding-sm;
@toast-default-padding         : @padding-md;
@toast-default-width           : 88px;
@toast-default-min-height      : 88px;
@toast-position-top-distance   : 20%;
@toast-position-bottom-distance: 20%;

//tree-select
@tree-select-font-size               : @font-size-md;
@tree-select-nav-background-color    : @background-color;
@tree-select-content-background-color: @white;
@tree-select-nav-item-padding        : 14px @padding-sm;
@tree-select-item-height             : 48px;
@tree-select-item-active-color       : @primary-color;
@tree-select-item-disabled-color     : @gray-5;
@tree-select-item-selected-size      : 16px;

//uploader
@uploader-size                    : 80px;
@uploader-icon-size               : 24px;
@uploader-icon-color              : @gray-4;
@uploader-text-color              : @gray-6;
@uploader-text-font-size          : @font-size-sm;
@uploader-upload-background-color : @gray-2;
@uploader-upload-active-color     : @active-color;
@uploader-delete-color            : @white;
@uploader-delete-icon-size        : 14px;
@uploader-delete-background-color : rgba(0, 0, 0, 0.7);
@uploader-file-background-color   : @background-color;
@uploader-file-icon-size          : 20px;
@uploader-file-icon-color         : @gray-7;
@uploader-file-name-padding       : 0 @padding-base;
@uploader-file-name-margin-top    : @padding-xs;
@uploader-file-name-font-size     : @font-size-sm;
@uploader-file-name-text-color    : @gray-7;
@uploader-mask-text-color         : @white;
@uploader-mask-background-color   : rgba(50, 50, 51, 0.88);
@uploader-mask-icon-size          : 22px;
@uploader-mask-message-font-size  : @font-size-sm;
@uploader-mask-message-line-height: @line-height-xs;
@uploader-loading-icon-size       : 22px;
@uploader-loading-icon-color      : @white;
@uploader-disabled-opacity        : @disabled-opacity;